<template>
  <el-aside height="200vh" style="background: #002855">
    <img src="../../../assets/images/logo.png" alt="" />

    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      background-color="transparent"
      text-color="#FFF"
      :router="true"
    >
      <el-menu-item index="/home/index">
        <el-icon><House /></el-icon>
        <span>首页</span>
      </el-menu-item>
      <!-- <el-menu-item index="2">
        <el-icon><icon-menu /></el-icon>
        <span>Navigator Two</span>
      </el-menu-item> -->

      <!-- 订单管理 -->
      <el-sub-menu index="2">
        <template #title>
          <el-icon><Document /></el-icon>
          <span>订单管理</span>
        </template>
        <el-menu-item index="/ops">订单处理</el-menu-item>
      </el-sub-menu>

      <!-- 房态房价 -->
      <el-sub-menu index="3">
        <template #title>
          <el-icon><Memo /></el-icon>
          <span>房态房价</span>
        </template>
        <el-menu-item index="/house">房态日历</el-menu-item>
      </el-sub-menu>

      <!-- 售卖房型 -->
      <el-sub-menu index="4">
        <template #title>
          <el-icon><Collection /></el-icon>
          <span>售卖房型</span>
        </template>
        <el-menu-item index="/calender">日历</el-menu-item>
      </el-sub-menu>

      <!-- 活动中心 -->
      <el-sub-menu index="5">
        <template #title>
          <el-icon><CreditCard /></el-icon>
          <span>活动中心</span>
        </template>
        <el-menu-item index="/ptc">促销中心</el-menu-item>
      </el-sub-menu>

      <!-- 点评管理 -->
      <el-sub-menu index="5">
        <template #title>
          <el-icon><Reading /></el-icon>
          <span>点评管理</span>
        </template>
        <el-menu-item index="/ubh">用户行为</el-menu-item>
      </el-sub-menu>

      <!-- 财务结算 -->
      <el-sub-menu index="6">
        <template #title>
          <el-icon><Coin /></el-icon>
          <span>财务结算</span>
        </template>
        <el-menu-item index="/prep">预付对账</el-menu-item>
      </el-sub-menu>

      <!-- 数据中心 -->
      <el-sub-menu index="7">
        <template #title>
          <el-icon><DocumentCopy /></el-icon>
          <span>数据中心</span>
        </template>
        <el-menu-item index="/market">市场分析</el-menu-item>
      </el-sub-menu>

      <!-- 信息维护 -->
      <el-sub-menu index="8">
        <template #title>
          <el-icon><Cpu /></el-icon>
          <span>信息维护</span>
        </template>
        <el-menu-item index="/inhome">信息首页</el-menu-item>
      </el-sub-menu>
    </el-menu>
  </el-aside>
</template>

<script lang="ts" setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from "@element-plus/icons-vue";
</script>
<style lang="less" scoped>
img {
  margin: 15px 31px;
}
.el-menu-item.is-active {
  background: #0466c8;
  color: #fff;
}
</style>
